body {
	margin:0;
	padding:0;
	border:none;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	width: 100%;
    height: 100%;
    display: table;
}


/******  Text Format  *******/

a{
	text-decoration:none;
	transition: all 200ms ease-out;
}

i{
	vertical-align:middle;
}


h1{}
h2{}
h3{}
h4{}




/******  Page Format  *******/

.page-center{
	max-width:950px;
}
.span1{
	min-width: 48%;
	display: inline-block;
	margin-left: 10px;
}



.header-wrapper, 
.body-wrapper,
.footer-wrapper{
	width:100%;
}

.header-container,
.body-container,
.footer-container{
	margin: 0 auto;
}


/******  Header  *******/

.header-wrapper{
	height:60%;
	background: #669999;
	box-shadow: 0px 3px 3px #2C2535;
	display:table;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.header-container{
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    height:auto;
}

.logo-wrapper{
	  margin: auto;
	  top: 0; 
	  left: 0; 
	  bottom: 0; 
	  right: 0;
	  text-align:center;
	  
}
.logo{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:79px;
	color:#B5D3C1;
	text-transform: uppercase;
	text-shadow: 3px 3px 7px #000;
}
.logo span{
	font-family: 'Fjalla One', sans-serif;
	color:#fff;
}

/******  Body  *******/

.body-wrapper{}
.body-container{
	padding:20px 10px;
}

.search-wrapper{
	text-align: center;
	padding: 10px;
}
.search-wrapper label{
	font-weight:bold;
	padding: 6px 25px 7px;
	margin:2px 0;
	border:1px solid #C0C9DD;
	border-top-left-radius: 8px;
	border-bottom-left-radius:8px;
	background-image: linear-gradient( #ECECEC, rgb(182, 182, 182));
}
.search-wrapper input[type='text'] {
	width: 50%;
	padding: 5px 10px;
	font-size: 16px;
	font-family: raleway;
	background:#fff;
	color: #8FAAA8;
	border:1px solid #C0C9DD;
	border-top-right-radius: 8px;
	border-bottom-right-radius:8px;
}
.search-wrapper input[type='text']:focus{
	outline:0;
	box-shadow: 0px 1px 4px;
}
.submit-search{
	padding-top: 10px;
	margin-left: 50px;
	color: #0A5A24;
	font-weight: bold;
	font-size:16px;
}
.submit-search:hover{
	font-size: 20px;
	color: #62AA79;
	font-weight: bold;
	text-shadow: 1px 1px 2px;
	margin-left: 40px;
	padding-top: 4px;
}
.submit-search:hover i{
	text-shadow:none;
	-webkit-animation: spin 2s infinite linear;
	margin-left:10px;
}

/******  Footer  *******/

.footer-wrapper{
	background:#293D3D;
	position:absolute;
	bottom:0;
	box-shadow: 0px -2px 3px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.footer-container{
	color:#fff;
}

.social-icons{
	list-style:none;
}
.social-icons li{
	display: inline;
	list-style-type: none;
	padding-left:15px;
}
.social-icons li:hover a{
	color:#CACACA;
}
.social-icons li a{
	font-size:24px;
	color:#fff;
}


/******  Miscellaneous  *******/

.pull-left{
	float:left !important;
}
.pull-right{
	float:right !important;
}






/******* 


Colors Used:

header background:#669999;


*********/